<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>REACTJS</title>
<style type="text/css">
	* { color:#000; }
	
	body { background:#efefef;font-size:16px; }
	h1 { text-align:center; }
	p { line-height:30px;text-indent:30px; }
	.st { color:#f00;font-weight:bold; }
	pre { background:#eee;border:2px solid #3034eb;color:#444;font-size:larger;font-family:Arial;padding:10px; }
</style>
 </head>
 <body>
  <h1>reactjs</h1>

	<h2>React11111111？</h2>

	<p>React 是一个用于构建用户界面的 JAVASCRIPT 库。  </p>
	<p>React主要用于构建UI，很人多认为 React 是 MVC 中的 V（视图）。</p>
	<p>React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。</p>
	<p>React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。</p>
	
	<h2>React特点</h2>

	<p>声明式设计 −React采用声明范式，可以轻松描述应用。</p>
	<p>高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。</p>
	<p>灵活 −React可以与已知的库或框架很好地配合。</p>
	<p>JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。</p>
	<p>组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。</p>
	<p>单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。</p>

<h2>React安装环境需求</h2>

<p>1.OS X - 本向导假设您的操作系统是OS X，因为这是开发iOS应用所必须的。</p>
<p>2.推荐使用Homebrew 来安装Watchman和Flow。</p>
<p>3.安装Node.js 4.0或更高版本(译注：如果你并不使用Node.js开发网站，只是用于React Native的开发，那么请先安装homebrew，然后直接使用brew install node安装即可，不必按照下面的nvm的安装步骤)</p>
<p>安装 nvm(安装网址 https://github.com/creationix/nvm#installation )。然后运行nvm install node && nvm alias default node，这将会默认安装最新版本的Node.js并且设置好命令行的环境变量，这样你可以输入node命令来启动Node.js环境。nvm使你可以同时安装多个版本的Node.js，并且在这些版本之间轻松切换。
在命令行中输入brew install watchman，我们推荐安装watchman，否则你可能会遇到一个Node.js监视文件系统的BUG。
如果你希望使用flow来为js代码加上类型检查，那么在命令行中输入brew install flow来安装flow。
我们推荐您定期运行brew update && brew upgrade来保持上述几个程序为最新版本。</p>



<h2>iOS开发环境准备</h2>

<p>你需要安装Xcode 7.0或者更高版本。你可以在App Store中找到并安装Xcode。</p>
<h2>Android开发环境准备</h2>

<p>要使React Native应用支持Android，首先需要安装Android SDK (如果你不想连接安卓设备，那么还需要一个安卓模拟器)。</p>

<h2>快速开始</h2>

<p>$ npm install -g react-native-cli</p>

<p>$ react-native init AwesomeProject</p>

<p>执行init时切记不要在前面加上sudo（否则新项目的目录所有者会变为root而不是当前用户，导致一系列权限问题，请使用chown修复）。</p>
<p>由于众所周知的网络原因，react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像：</p>
<p>npm config set registry https://registry.npm.taobao.org</p>

<p>npm config set disturl https://npm.taobao.org/dist</p>


<h2>运行iOS应用</h2>

<p>$ cd AwesomeProject
<p>用XCode打开ios/AwesomeProject.xcodeproj并点击Run按钮。</p>
<p>使用你喜欢的文本编辑器打开index.ios.js并随便改上几行。</p>
<p>在iOS Emulator中按下⌘-R就可以刷新APP并看到你的最新修改！</p>


<h2>运行Android应用</h2>

<p>$ cd AwesomeProject</p>
<p>$ react-native run-android</p>
<p>使用你喜欢的文本编辑器打开index.android.js并随便改上几行</p>
<p>按Menu键（通常是F2，在Genymotion模拟器中是⌘+M）然后选择 Reload JS 就可以看到你的最新修改。</p>
<p>在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。</p>
<h2>为已有的React Native工程添加Android支持</h2>

<p>如果你已经有了一个只有iOS版本的React Native工程，并且希望添加Android支持，你需要在你的工程目录下运行以下命令：</p>

<p>打开package.json文件，在dependencies项中找到react-native，并将其后的版本号修改为最新版本。</p>
<p>$ npm install</p>
<p>$ react-native android</p>
 </body>
</html>
